<template>
  <!-- 收集组件 -->
  <div class="main">
    <div class="main_box">
      <!-- 左 -->
      <div class="left">
        <!-- 随笔标题 -->
        <div class="essays-title">动态</div>

        <!--用户信息大盒子 -->
        <div class="essays-userinfo-box">
          <!-- 用户头像 -->
          <div class="user-portrait">
            <img src="" alt="" />
          </div>
          <!--  用户名等信息 -->
          <div class="user-info">
            <!-- 名字 -->
            <div class="user-name">张三</div>
            <!-- 个性签名 -->
            <div class="user-autograph">个性签名</div>
          </div>
        </div>

        <!-- 动态内容 大盒子-->
        <div class="esseays-content-box">
          <!-- 内容 -->
          <div class="content-box">
            <!-- 时间 -->
            <span class="content-date">13天前</span>
            <!-- 内容 -->
            <div class="content">
              <!-- 图片 -->
              <img src="" alt="" />
              <!-- 图片下的盒子 -->
              <div class="contentFoot-box"></div>
              <!-- 点赞和评论 -->
              <span class="like-comment">
                <span class="like">点赞</span>
                <span class="comment">评论</span>
              </span>
            </div>
          </div>
        </div>
      </div>
      <!-- 右 -->
      <div class="register">
        <MyInfo></MyInfo>
        <Notice></Notice>
        <Mydate></Mydate>
        <NewReply></NewReply>
        <Tags></Tags>
      </div>
    </div>
  </div>
</template>

<script>
  // 右
  import MyInfo from '@/components/register/MyInfo.vue';
  import Notice from '@/components/register/Notice.vue';
  import Mydate from '@/components/register/Mydate.vue';
  import NewReply from '@/components/register/NewReply.vue';
  import Tags from '@/components/register/Tags.vue';
  export default {
    name: 'Essays',
    data() {
      return {};
    },
    components: {
      MyInfo,
      Notice,
      Mydate,
      NewReply,
      Tags,
    },
    methods: {},
    created() {},
  };
</script>
<style lang="less" scoped>
  @import url('../../state/mainPublic.less');
</style>
